<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<jsp:include page="style.jsp"></jsp:include>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%	String basePath = request.getContextPath();%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>慧装网后台管理系统</title>
<style type="text/css">
	ul li{padding: 3px}
	a{text-decoration: none;}
</style>
</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false"
		style="height: 60px; padding: 0; margin: 0">
		<table height="100%" border="0" style="margin-left: 10px"
			cellpadding="0" cellspacing="0">
			<tr>
				<Td><img src="<%=basePath%>/image/logo.jpg" width="90px"
					height="58px"></Td>
				<Td valign="bottom"><h2>慧装网后台管理系统</h2></Td>
			</tr>
		</table>
	</div>
	<div data-options="region:'west',split:true,title:'功能导航'"
		style="width: 200px; margin: 0; padding: 0">
		<div class="easyui-accordion" style="height: 100%; border: 0">
			<div title="系统维护" iconCls="icon-man" selected="true"
				style="overflow: auto; padding: 10px;">
				<ul style="margin: 0; border: 0px solid red; padding-left: 20px">
					<li><a href="javascript:void(0);" class=""
						onclick="addTab('用户信息维护','<%=basePath%>/view/user.jsp')">用户信息维护</a></li>
					<li><a href="javascript:void(0);" class=""
						onclick="addTab('角色信息维护','<%=basePath%>/view/role.jsp')">角色信息维护</a></li>
					<li><a href="javascript:void(0);" class=""
						onclick="addTab('地区信息维护','<%=basePath%>/view/area.jsp')">地区信息维护</a></li>
				</ul>
			</div>
			<div title="商家审核" iconCls="icon-sum" style="padding: 10px;">功能2</div>
			<div title="业主审核" iconCls="icon-print" style="padding: 10px;">
				功能3</div>
			<div title="报表统计" iconCls="icon-print" style="padding: 10px;">
				功能4</div>
		</div>
	</div>
	<div id="content" class="easyui-tabs" style="border: 0;padding: 0"
		data-options="region:'center',title:'操作区域'"></div>
	<div data-options="region:'south',border:false"
		style="height: 50px; padding: 10px;" align="center">
		&copy;2015-future 慧装网</div>

</body>


<script type="text/javascript">
	$(document).ready(function(){
		addTab("用户信息维护","/view/user.jsp");
	})



	function addTab(title, url) {
		if ($('#content').tabs('exists', title)) {
			$('#content').tabs('select', title);
		} else {
			var content = '<iframe scrolling="auto" frameborder="0"  src="'
					+ url + '" style="width:100%;height:100%;padding:0"></iframe>';
			$('#content').tabs('add', {
				title : title,
				content : content,
				closable : true
			});
		}
	}
</script>

</html>